import ReactDOM from 'react-dom'
import { useState } from 'react'

const Counter = () => {
  // 一般是使用ts自动推导出的类型，如果感觉类型不准确，可以自己指定类型
  // 指定的格式就是下面的格式
  // const [count, setCount] = useState<number>(0)
  const [count, setCount] = useState(0)
  const onClick = () => {
    setCount(count + 1)
  }
  const onClick2 = () => {
    setCount(count - 1)
  }
  return (
    <div>
      <h1>{count}</h1>
      <button onClick={onClick}>加1</button>
      <button onClick={onClick2}>减1</button>
    </div>
  )
}

ReactDOM.render(<Counter />, document.getElementById('root'))
